<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
        <meta content="telephone=no" name="format-detection" />
        <title>推广审核</title>
        <link href="{{asset('/mobile/css/style.css')}}" rel="stylesheet" type="text/css">
    </head>
    <style type="text/css">
        body{
            background-color: #F1F1F1;
        }
        input{
            border: none;
            outline: none;
        }
        .top-wrap{
            background-color: #D5D5D5;
            overflow: hidden;
            height: 3.6rem;
            box-sizing: border-box;
            padding: 0 0 0 1rem;
        }
        .inp-wrap{
            width: 80%;
            float: left;
            height: 2rem;
            border-radius: 2rem;
            background-color: #FFFFFF;
            margin-top: 0.8rem;
            position: relative;
        }
        .btn-search{
            width: 20%;
            float: right;
            height: 3.6rem;
            line-height: 3.6rem;
            text-align: center;
            color: #535353;
        }
        .inp-search{
            position: absolute;
            top: 50%;
            left: 2rem;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            width: 80%;
        }
        .con{
            padding: 20px 0;
        }
        .tag{
            border: 1px solid #D9D9D9;
            border-radius: 10px;
            background-color: #FFFFFF;
            width: 90%;
            margin: 0 auto;
            overflow: hidden;
            padding: 10px 0;
            display: flex;
        }
        .portrait{
            flex: 0 0 20%;
            text-align: center;
            position: relative;
        }
        .portrait img{
            width: 4rem;
            height: 4rem;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
        }
        .detail{
            flex: 0 0 60%;
            font-size: 0.9rem;
        }
        .detail-li{
            margin: 10px 0;
        }
        .title{
            display: inline-block;
            width: 5rem;
        }
        .value{
            display: inline-block;
        }
        .red{
            color: #D42400;
        }
        .btn-wrap{
            width: 100%;
            flex: 0 0 20%;
            text-align: center;
            position: relative;
        }
        .btn{
            width: 90%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
        }
    </style>
    <body>
        <div class="top-wrap">
            <form action="/mobile/agent/audit_list/{{$agent->id}}" method="GET">
                <div class="inp-wrap">
                    <input type="text" name="keywords"  class="inp-search" id="inpSearch" placeholder="请输入关键字" />
                </div>
                <div class="btn-search" id="search">搜索</div>
            </form>    
        </div>
        <div class="con">
            @foreach($datas as $data)
                <div class="tag">
                    <div class="portrait"><img src="{{$data->avatar}}"/></div>
                    <div class="detail">
                        <div class="detail-li">
                            <div class="title">名&emsp;&emsp;称:</div>
                            <div class="value">{{$data->realname}}</div>
                        </div>
                        <div class="detail-li">
                            <div class="title">电&emsp;&emsp;话:</div>
                            <div class="value red">{{$data->mobile}}</div>
                        </div>
                        <div class="detail-li">
                            <div class="title">推广区域:</div>
                            <div class="value red">{{$data->address}}</div>
                        </div>
                        <div class="detail-li">
                            <div class="title">申请时间:</div>
                            <div class="value red">{!! str_limit($data->created_at, 16, '') !!}</div>
                        </div>
                    </div>
                    <div class="btn-wrap" onclick="window.location.href='/mobile/agent/do_audit/{{$data->id}}'">
                        <img src="{{asset('/imgs/shenhe.png')}}" id="goSH" class="btn" data-id="1"></img>
                    </div>
                </div>
            @endforeach
        </div>
    <script type="text/javascript" src="{{asset('/mobile/js/jquery-1.8.3.min.js')}}"></script>
    <script type="text/javascript" src="{{asset('/js/Inertia.js')}}"></script>
    <script type="text/javascript" src="{{asset('/js/backHome.js')}}"></script>
    <script type="text/javascript">
        $('#search').click(function() {
            $(this).parents('form').submit();
        });
    </script>
    </body>
</html>
